<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类</title>
    <link rel="stylesheet" href="./css/classification.css">
</head>

<body>

    <!-- 头部 -->
    <header>
        <div class="h_top">
            <div class=va>
                <a href="./index.html">
                    <p> Back</p>
                </a>
            </div>
            <span>分类</span>

            <!-- 地区 -->
            <div class="sel">
                <select>
                    <option value="">广州市</option>
                    <option value="">深圳市</option>
                    <option value="">北京市</option>
                </select>

                <!-- 三角形 -->
                <li></li>
            </div>
        </div>

        <div class="box">
            <ul>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 1.png" alt="">
                        <p>美食</p>
                    </a>
                </li>

                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 3.png" alt="">
                        <p>电影</p>
                    </a>
                </li>

                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 4.png" alt="">
                        <p>运动</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 5.png" alt="">
                        <p>唱歌</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 5.png" alt="">
                        <p>美食</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 5.png" alt="">
                        <p>美食</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 5.png" alt="">
                        <p>美食</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 5.png" alt="">
                        <p>美食</p>
                    </a>
                </li>
            </ul>
            <div class="dots">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </header>



    <main>
        <div class="groupbuying ">
            <ul>
                <img src="./png/fenlei/图层 9.png" alt="">
                <span>美食类</span>
            </ul>
            <div>
                <a href=""><span> 更多</span></a>
                <img src="./png/index/更多.png" alt="">
            </div>
        </div>

        <div class="top">
            <ul>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 10.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 11.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 12.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 13.png" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <div class="groupbuying">
            <ul>
                <img src="./png/fenlei/图层 7.png" alt="">
                <span>运动类</span>
            </ul>
            <div>
                <a href=""><span> 更多</span></a>
                <img src="./png/index/更多.png" alt="">
            </div>
        </div>

        <div class="top">
            <ul>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 14.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 15.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 16.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 17.png" alt="">
                    </a>
                </li>
            </ul>
        </div>



        <div class="groupbuying">
            <ul>
                <img src="./png/fenlei/图层 8.png" alt="">
                <span>电影类</span>
            </ul>
            <div>
                <a href=""><span> 更多</span></a>
                <img src="./png/index/更多.png" alt="">
            </div>
        </div>

        <div class="top">
            <ul>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 18.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./png/fenlei/图层 19.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=392270860,4093385029&fm=26&gp=0.jpg"
                            alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=392270860,4093385029&fm=26&gp=0.jpg"
                            alt="">
                    </a>
                </li>
            </ul>
        </div>

        <div class="top">
            <ul></ul>
        </div>
    </main>

    <nav>
        <ul>

            <li>
                <a href="./index.html">
                    <img src="./png/fenlei/首页.png" alt=""> </a>
                <P>首页</P>
            </li>



            <li>
                <a href="classification.html">
                    <img src="./png/fenlei/分类4.png" alt=""> </a>
                <p>分类</p>
            </li>


            <li>
                <a href="./find.html">
                    <img src="./png/index/鎸囬拡.png" alt=""> </a>
                <p>发现</p>
            </li>



            <li>
                <a href="./my.html">
                    <img src="./png/index/鎴戠殑.png" alt=""> </a>
                <p>我的</p>
            </li>
        </ul>

    </nav>
</body>

</html>